<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core">

<f:view>
	<h:head>

		<script type="text/javascript"
			src="${facesContext.externalContext.requestContextPath}/views/scripts/jquery.js"></script>

		<style type="text/css" title="currentStyle">
			@import "${facesContext.externalContext.requestContextPath}/views/css/home1.css";
			@import "${facesContext.externalContext.requestContextPath}/views/css/app.css";
			@import "${facesContext.externalContext.requestContextPath}/views/css/reset.css";
			@import "${facesContext.externalContext.requestContextPath}/views/css/text.css";
			@import "${facesContext.externalContext.requestContextPath}/views/css/960.css";
			@import "${facesContext.externalContext.requestContextPath}/views/css/uni_form.css";
		</style>



		<script type="text/javascript">
			$(document).ready(function() {

			});
		</script>
	</h:head>
	<h:body id="players" class="team">
		<ui:include src="../header.xhtml" />
		<br />
		<br />
		<br />
		<h:form>
			<!--  -->
			<div id="main" class="container_12">
				<ui:include src="team_header.xhtml" />

				<div class="grid_12">
					<div class="grid_8 alpha">
						<div id="content" >
							<h1 id="h1"><span></span>edit profile:  Fan </h1>
							
							<div id="member-form-wrapper" class="uniForm">
								<h:inputText value="#{editMemberProfileDetailsBean.memberEmail}"></h:inputText>
								
								<fieldset class="blockLabels">
									<div class="ctrlHolder">
										<label for="user_first_name">First name</label>
										<br />
										<h:inputText class="textInput text" id="user_first_name" value="#{editMemberProfileDetailsBean.firstName}"></h:inputText>
									</div>
	
								    <div class="ctrlHolder">
								    	<label for="user_last_name">Last name</label>
								    	<br />
								    	<h:inputText class="textInput text" id="user_last_name" value="#{editMemberProfileDetailsBean.lastName}"></h:inputText>
								    </div>
									
						      		<div id="phone" class="show_hide">
						  		  		<div class="ctrlHolder">
						  		  			<label for="user_phone">Phone</label>
						  		  			<br />
						  		  			<h:inputText class="textInput text" id="user_phone" value="#{editMemberProfileDetailsBean.phone}"></h:inputText>
						  		  		</div>
						  			</div>
						
									<div class="ctrlHolder">
										<label for="user_email">Email</label>
										<br />
										<h:inputText class="textInput text" id="user_email" value="#{editMemberProfileDetailsBean.memberEmail}"></h:inputText>
									</div>
						
								  	<div class="ctrlHolder">
								  		<label for="user_password">Password</label>
								  		<br />
								  		<h:inputText class="textInput text" id="user_password" value="#{editMemberProfileDetailsBean.password}"></h:inputText>
								  		<p class="formHint">Enter password only to change it.</p>
								  	</div>
						
							   		<div class="ctrlHolder">
							   			<label for="user_password_confirmation">Password confirmation</label>
							   			<br />
							   			<h:inputText class="textInput text" id="user_password_confirmation" value="#{editMemberProfileDetailsBean.confirmPassword}"></h:inputText>
							   		</div>
						
									
									<div class="ctrlHolder">
										<label for="user_gender">Gender</label>
										<br />
										<h:selectOneMenu id="user_gender_code" value="#{editMemberProfileDetailsBean.gender}">
											<f:selectItem itemValue="" itemLabel="" />
											<f:selectItem itemValue="Male" itemLabel="Male" />
											<f:selectItem itemValue="Female" itemLabel="Female" />
											<f:selectItem itemValue="Private" itemLabel="Private" />
										</h:selectOneMenu>
									</div>
	
	
									<div class="ctrlHolder">
										<label for="user_country_code">country</label>
										<br />
										<h:selectOneMenu id="user_country_code" value="#{editMemberProfileDetailsBean.country}">
											<f:selectItem itemValue="" itemLabel=""></f:selectItem>
											<f:selectItem itemValue="ie" itemLabel="Iraland"></f:selectItem>
											<f:selectItem itemValue="gb" itemLabel="UK"></f:selectItem>
											<f:selectItem itemValue="us" itemLabel="United States"></f:selectItem>
											<f:selectItem itemValue="au" itemLabel="Australia"></f:selectItem>
										</h:selectOneMenu>
									</div>
									
									 <div id="state_province">
										<div class="ctrlHolder">
											<label for="user_state_province">state/territory</label>
											<br />
										    <select id="user_state_province" name="user[state_province]">
										    	<option value="Australian Capital Territory">Australian Capital Territory</option>
												<option value="New South Wales" selected="selected">New South Wales</option>
												<option value="Northern Territory">Northern Territory</option>
												<option value="Queensland">Queensland</option>
												<option value="South Australia">South Australia</option>
												<option value="Tasmania">Tasmania</option>
												<option value="Victoria">Victoria</option>
												<option value="Western Australia">Western Australia</option>
											</select>
										</div>
								  </div>
									
									<div class="ctrlHolder">
										<label for="user_city"><span id="user_city_label">city</span></label>
										<br />
										<h:inputText class="textInput text" id="user_city" value="#{editMemberProfileDetailsBean.city}"></h:inputText>
									</div>
					
				
				
						 			<div class="ctrlHolder">
						 			<label class="inlineLabel" for="user_private_contact_info">
						 				<input name="user[private_contact_info]" type="hidden" value="0" />
						 				<input class="checkbox" id="user_private_contact_info" name="user[private_contact_info]" type="checkbox" value="1" /> 
						 				<span style="text-transform:none">Hide my contact information from other team members.</span>
						 			</label><p class="formHint">Note: You will always see your own contact info when signed in.</p></div>
									
						    		<div id="opt_in" class="show_hide">
						    		  
						    			  <div class="ctrlHolder"><label class="inlineLabel" for="user_opting_in"><input name="user[opting_in]" type="hidden" value="0" /><input checked="checked" class="checkbox" id="user_opting_in" name="user[opting_in]" type="checkbox" value="1" /> <span style="text-transform:none">I want to receive team event notices on my phone.</span></label></div>
						    				
						    		</div>
						
									<div class="ctrlHolder">
									  <p id="au_message" style="display:none;">Event alerts free to receive, std rate to reply</p>
							  	  <p id="ie_message" style="display:none">
							  	    <small>SP: mBlox Ltd, 1 Oliver’s Yard, 55-71 City Road, London EC1Y 1HQ, UK: 016968396<br/>
							  	      Texts from Teamer are at no charge.<br/> Response texts to Teamer are charged at the users standard rate.
							  	    </small>
								    </p>
							    	<br/>
							      <p>
							        By clicking 'Save', you are agreeing to our <a href="/pages/terms" title="Terms &amp; Conditions">Terms &amp; Conditions</a>.
							      </p>
									</div>
						
						  		<input id="invite" name="invite" type="hidden" value="6f3a91bc32d87d739a40fd300933f5921b752b7e" />
						  			
					
							</fieldset>
							
							<div class="buttonHolder">
							  <input class="primaryAction submit" name="commit" type="submit" value="SAVE" /> or <a href="/users/4844123-fan-jin">cancel</a>
							</div>

							</div>
							<div class="clear"></div>



						</div>
					</div>
				</div>
			</div>

		</h:form>
		<ui:include src="../footer.xhtml" />

	</h:body>
</f:view>
</html>